<template>
  <s-layout title="账号安全" :bgStyle="template.style?.background"
            :navbarStyle="template.style?.navbar">
    <view class="list">
      <my-list-item label="绑定手机号" :right="userInfo.mobile"></my-list-item>
      <my-list-item label="账号关联"></my-list-item>
      <my-list-item label="修改登录密码"></my-list-item>
      <my-list-item label="新设备登录认证"></my-list-item>
      <my-list-item label="注销账号"></my-list-item>
    </view>
  </s-layout>
</template>
<script setup>
  import { computed } from 'vue';
  import SLayout from '@/sheep/components/s-layout/s-layout.vue';
  import sheep from '@/sheep';

  const userInfo = computed(() => sheep.$store('user').userInfo);

  const template = computed(() => sheep.$store('app').template?.home);
</script>
<style scoped lang="scss">

</style>
